<?xml version="1.0" encoding="utf-8"?>
<div xmlns="http://www.w3.org/1999/xhtml" component="$UI/system/components/justep/window/window" design="device:m;" xid="window" class="window">  
  <div component="$UI/system/components/justep/model/model" xid="model" style="left:18px;top:83px;height:244px;"> 
  <div component="$UI/system/components/justep/data/data" autoLoad="true" xid="secondClassData" idColumn="fID" onCustomRefresh="secondClassDataCustomRefresh"><column label="ID" name="fID" type="String" xid="xid1"></column>
  <column label="一级ID" name="fRootID" type="String" xid="xid2"></column>
  <column label="类名" name="fClassName" type="String" xid="xid3"></column></div>
  <div component="$UI/system/components/justep/data/data" autoLoad="true" xid="threeClassData" onCustomRefresh="threeClassDataCustomRefresh" idColumn="fID"><column label="ID" name="fID" type="String" xid="xid4"></column>
  <column label="二级ID" name="fSecondID" type="String" xid="xid5"></column>
  <column label="类名" name="fClassName" type="String" xid="xid6"></column>
  <column label="图片" name="fImg" type="String" xid="xid7"></column></div></div>  
  <div component="$UI/system/components/justep/panel/panel" 
    class="x-panel x-full" xid="panel1"> 
      <div class="x-panel-top" xid="top1"> 
        <div component="$UI/system/components/justep/titleBar/titleBar" title="标题"
          class="x-titlebar">
          <div class="x-titlebar-left"> 
            <a component="$UI/system/components/justep/button/button"
              label="" class="btn btn-link btn-only-icon" icon="icon-chevron-left"
              onClick="{operation:'window.close'}" xid="backBtn"> 
              <i class="icon-chevron-left"/>  
              <span></span> 
            </a> 
          </div>  
          <div class="x-titlebar-title">标题</div>  
          <div class="x-titlebar-right reverse"> 
          </div>
        </div> 
      </div>  
    <div class="x-panel-content" xid="content1"><div component="$UI/system/components/justep/list/list" class="x-list" xid="list1" data="secondClassData" filter=' $row.val("fRootID") == $model.params.rootID'>
   <ul class="x-list-template" xid="listTemplateUl1">
    <li xid="li1"><div component="$UI/system/components/justep/row/row" class="x-row" xid="row1" style="background-color:#F4F4F4;">
   <div class="x-col" xid="col3"><span xid="span3" bind-text='val("fClassName")'></span></div></div>
  <div component="$UI/system/components/justep/row/row" class="x-row" xid="row2">
   <div class="x-col" xid="col6"><div component="$UI/system/components/justep/list/list" class="x-list" xid="list2" data="$model.threeClassData" filter=' val("fID") == $row.val("fSecondID")'>
   <ul class="x-list-template" xid="listTemplateUl2">
    <li xid="li2" class="col-xs-3"><div component="$UI/system/components/justep/row/row" class="x-row" xid="row4">
   <div class="x-col x-col-center" xid="col10" style="text-align:center;"><img src="" alt="" xid="image2" bind-attr-src='val("fImg")' style="width:50px;"></img></div>
   </div><div component="$UI/system/components/justep/row/row" class="x-row" xid="row3">
   <div class="x-col x-col-fixed x-col-center" xid="col7" style="font-size:xx-small;" bind-text='val("fClassName")'></div>
   </div>
  </li></ul> </div></div></div></li></ul> </div></div>
  </div> 
</div>